<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>书籍详情</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="__PUBLIC__/js/rem.js"></script> 
    <script src="__PUBLIC__/js/jquery.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/page.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/all.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/loaders.min.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/css/loading.css"/>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/slick/slick.css"/>
	<script type="text/javascript">
		$(window).load(function(){
			$(".loading").addClass("loader-chanage")
			$(".loading").fadeOut(300)
		})
	</script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
        <div class="loader-inner pacman">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
        </div>
	</div>
</div>
<!--loading页结束-->
	<body>
		<div class="headertwo clearfloat" id="header">
			<a href="{:U('index/index')}" class="fl box-s">首页</a>
			<volist name='Book' id='vo'>
			<p class="fl">{$vo.title}</p>
			<a href="#" class="fr" onClick="toshare()"><i class="iconfont icon-fenxiang fl"></i></a>
		</div>
		
		<!--分享内容-->
		<div class="am-share">
		  <h3 class="am-share-title">分享到</h3>
		  <ul class="am-share-sns">
		    <li><a href="#"> <i class="iconfont icon-weixin weixin"></i> <span>微信</span> </a> </li>
		    <li><a href="#"> <i class="iconfont icon-qq qq"></i> <span>QQ</span> </a> </li>
		  <div class="am-share-footer"><button class="share_btn">取消</button></div>
		</div>		
		<div class="clearfloat" id="main">		
			<div class="service clearfloat">
				<div class="slider one-time" style="text-align:center;">
					<div style="text-align:center;">
						<img style="height:300px;width:100%;" src="{$vo.suotu}"/>
						<div class="tit clearfloat box-s">
							<p class="one">{$vo.title}</p>
							<p class="two">{$vo.weizhi}</p>
						</div>
					</div>
					<div style="text-align:center;">
						<img style="height:300px;width:100%;"  src="{$vo.suotu}"/>
						<div class="tit clearfloat box-s">
							<p class="one">{$vo.title}</p>
							<p class="two">{$vo.place}</p>
						</div>
					</div>
				</div>
			</div>		
			
			<div class="service-top clearfloat box-s">
				<div class="left fl clearfloat box-s">
					<p class="fu-tit">{$vo.title}</p>
					<p class="tit titwo">{$vo.price}<span>元/押金</span></p>
					
				</div>
				<div class="right fl clearfloat">
					<i class="iconfont icon-shoucang"></i>
					<p><a href="javascript:void(0)" id="{$vo.id}" onclick="aa(this)"><span id="kk" style="color:#666666;">收藏</span><a></p>
				</div>
				<script type="text/javascript">
					function aa(ui){
						var id=ui.id;
						
						$.post("http://niceweekend.cc/jieyue/Home/Xiangqing/cang",{id:id},function(data){
							 
							 document.getElementById("kk").innerHTML=data;
							 
							});
					}
					
				</script>
			</div>
			
			
			<div class="service-ctent clearfloat">
				<div class="recom-tit clearfloat box-s">
		    		<p>书籍信息</p>
		    	</div>
		    	
		    	<div class="service-list clearfloat box-s">
		    		<volist name='newBook' id='vo'>
		    		<ul>
		    			<li>书名：{$vo.title}</li><br/>
		    			<li>作者：{$vo.writer}       <b>著</b></li><br/>
		    			<li>出版社：{$vo.laiyuan}</li><br/>
		    			<li>出版时间：{$vo.chubantime}</li><br/>
		    			<li>ISBN：{$vo.isbn}</li><br/>
		    			<li>定价：{$vo.price}元</li><br/>
		    			<li>页数：{$vo.yeshu}页</li><br/>
		    			<li>开本：{$vo.guige}开</li><br/>
		    			<li>库存数量：{$vo.number}本</li><br/>
                          <li>图书位置：{$vo.place}</li><br/>
		    		</ul>
		    		
		    	</div>	
		    		    	
			</div>
			
			
               <div class="service-ctent clearfloat">
				<div class="recom-tit clearfloat box-s">
		    		<p>书籍描述</p>
		    	</div>
		    	<p class="tit box-s">
		    		<b><span style="color:#666666;">{$vo.content}......</span></b>
		    	</p>
		    	<button><a href="{$vo.bookurl}">点击查看更多信息</a></button>
			</div>
		</volist>



			<div class="service-ctent clearfloat">
				<div class="recom-tit clearfloat box-s">
		    		<p>书籍评论</p>
		    	</div>

		    	<div class="service-ties clearfloat box-s" style="">
		    		<volist id="wo" name="cc">
						<div id="coshow" style="height:100px;width:98%;border:1px solid #CECECE;margin-top:10px;">
							<ul>
							<li style="width:100%;height:25px;border-bottom:1px solid #CECECE;"><span style="font-size:12px;color:#F58611;">{$wo.username}:</span></li>

							<li style="width:100%;height:50px;margin-top:-15px;"><span style="margin-top:5px;margin-left:5px;">{$wo["content"]}</span></li>

							<li style="width:100%;height:20px;margin-top:-15px;"><span style="">{$wo.addtime}</span></li>
							
							
							</ul>
						</div>
		    		</volist>
		    		<li style="width:100%;height:38px;margin-top:-15px;text-align:center;list-style-type:none;"><a href="{:U('Xiangqing/comment')}"><img src="__ROOT__/Public/images/2017-04-21_184057.png" style="height:20px;width:80px;margin-top:10px;"></a></li>
		    	</div>

			</div>
			
			
			<div class="service-ctent clearfloat">
				<div class="recom-tit clearfloat box-s">
		    		<p>相关推荐</p>
		    	</div>
		    	<div class="recom-xia clearfloat box-s">
		    		
		    		<volist name="xgBook" id="vo">
		    		<div class="list clearfloat fl">
		    			<a href="__ROOT__/Home/Xiangqing/sy/id/{$vo.id}">
			    			<div class="tu">
			    				<span></span>
			    				<img   style="height:140px;width:100px;" src="{$vo.suotu}"/>
			    			</div>
			    			<div class="bottom clearfloat">
			    				<div class="top clearfloat">
			    					<p class="biaoti">{$vo.title}</p>
			    					
			    				</div>
			    				<p class="fu-tit">
			    					{$vo.writer}
			    				</p>
			    			</div>
		    			</a>
		    		</div>
		    		</volist>
		    		
		    	</div>
			</div>
			
		</div>
		<?php
		if($_SESSION['yonghuname']){         
         echo '<div class="footer-look clearfloat" id="footer">
			<a href="#loginmodal" id="modaltrigger">我要借阅此书</a>
		</div>';	
		} else {
            echo '<div class="footer-look clearfloat" id="footer">
			<a href="__ROOT__/Home/Login/login" id="modaltrigger">请注册登陆后借书</a>
		</div>';	  
		}
		
	    ?>
		<!--弹窗内容 star-->
	    <div id="loginmodal" class="box-s loginmodal" style="display:none;">	    	
			<form id="loginform" name="loginform" method="post" action="">		
				<div class="center"><input type="submit" name="loginbtn" id="loginbtn" class="flatbtn-blu hidemodal" value="" tabindex="3"></div>
			</form>
			<div class="top clearfloat box-s">
				填写信息
			</div>
         
			<form  action="{:U('Home/Xiangqing/jieyue')}" method="post" >	
			<div class="bottom clearfloat box-s">
				<ul>
					<li class="clearfloat">
						<i class="iconfont icon-user"></i>
						<input type="text" name="username"  value="" placeholder="您的姓名" />
					</li>
					<li class="clearfloat">
						<i class="iconfont icon-phone"></i>
						<input type="text" name="tele"  value="" placeholder="您的手机号码" />
					</li>
					<li class="clearfloat">
						<i class="iconfont icon-calendar"></i>
						<input type="text" name="qushutime"  placeholder="请选择取书时间" />
					</li>
				</ul>
				<input type="submit" name="" id="" value="立即预约,加入借书单" class="btn" />
			</div>
            </form>
		</div>
	


	</body>
	<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/slick/slick.min.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/js/jquery.leanModal.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/tchuang.js" ></script>
	<script type="text/javascript" src="__PUBLIC__/js/hmt.js" ></script>
	<script type="text/javascript">
		$('.one-time').slick({
		  dots: true,
		  infinite: false,
		  speed: 300,
		  slidesToShow: 1,
		  touchMove: false,
		  slidesToScroll: 1
		});
	</script>
	<!--分享js-->
	<script type="text/javascript">
		function toshare(){
			$(".am-share").addClass("am-modal-active");	
			if($(".sharebg").length>0){
				$(".sharebg").addClass("sharebg-active");
			}else{
				$("body").append('<div class="sharebg"></div>');
				$(".sharebg").addClass("sharebg-active");
			}
			$(".sharebg-active,.share_btn").click(function(){
				$(".am-share").removeClass("am-modal-active");	
				setTimeout(function(){
					$(".sharebg-active").removeClass("sharebg-active");	
					$(".sharebg").remove();	
				},300);
			})
		}	
	</script>

</html>
